
  .context-menu {
    position: fixed;
    background: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    z-index: 2000;
  
    .menu-item {
      padding: 8px 20px;
      color: #000000;
      cursor: pointer;
      &:hover {
        background: #f5f7fa;
      }
  
      &.danger {
        color: #f56c6c;
      }
    }
  }
  .custom-tree-node {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    padding-right: 8px;
  }


  :deep.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
    background-color: #c5f0c4;  /* 选中背景色 */
    color: #000313;             /* 文字颜色 */
}

:deep(.custom-tree-style) .el-tree-node__content:hover {
    background-color: #f5f7fa;  /* 悬停背景色 */
}

.el-descriptions {
  margin-top: 20px;
}
.cell-item {
  display: flex;
  align-items: center;
}
.margin-top {
  margin-top: 20px;
}

.image-checkbox {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}

.card-item{
  padding: 10px; position: relative;display: flex;flex-direction: column;justify-content: center; align-items: center
}

.card-check{
  margin-top:8px; text-align:center;display: flex;justify-content: center;align-items: center
}